<template>
  <el-tabs v-model="activeTab" class="demo-tabs">
    <el-tab-pane label="主要信息" name="info">
      <matterInfo :row-data="rowData"></matterInfo>
    </el-tab-pane>
<!--    <el-tab-pane label="落实情况" name="work">-->
<!--      <matterWork :row-data="rowData"></matterWork>-->
<!--    </el-tab-pane>-->
<!--    <el-tab-pane label="催办记录" name="record">-->
<!--      <matterRecord :row-data="rowData"></matterRecord>-->
<!--    </el-tab-pane>-->
<!--    <el-tab-pane label="工作报告" name="report">-->
<!--      <matterReport :row-data="rowData"></matterReport>-->
<!--    </el-tab-pane>-->
  </el-tabs>
</template>
<!--进入标签页-->
<script setup name="MatterTab">
import matterInfo from "./matterInfo.vue";
import matterWork from "./matterWork.vue";
import matterRecord from "./matterRecord";
import matterReport from "./matterReport";
const route = useRoute();
const rowData = ref(route.query || null);
const activeTab = ref('info');

watch(() => route.query, (newParams) => {
  console.log(newParams)
  rowData.value = newParams || null;
}, {
  immediate: true // 立即以当前的query值触发回调函数
});
</script>
<style scoped>
.demo-tabs {
  padding: 10px;
  margin-left: 10px;
}
.demo-tabs > .el-tabs__content {
  color: #6b778c;
  font-size: 32px;
  font-weight: 600;
}
</style>
